<template>
<!--  <a-card :bordered="false">-->
<!--    <a-spin :spinning="loading">-->
<!--      <div>-->
<!--        <div>-->
<!--          <a-form-model-->
<!--            ref="form"-->
<!--            :model="form"-->
<!--            :rules="rules"-->
<!--            :label-col="labelCol"-->
<!--            :wrapper-col="wrapperCol"-->
<!--          >-->
<!--            <a-form-model-item label="异步支付方式" prop="payChannel">-->
<!--              <a-radio-group v-model="form.payChannel" :default-value="1" button-style="solid">-->
<!--                <a-radio-button v-for="o in payChannel" :value="o.code" :key="o.code"> {{ o.name }} </a-radio-button>-->
<!--              </a-radio-group>-->
<!--            </a-form-model-item>-->
<!--            <a-form-model-item label="订单编号" prop="businessId">-->
<!--              <a-input-search v-model="form.businessId" @search="genOrderNo">-->
<!--                <template #enterButton>-->
<!--                  <a-button>-->
<!--                    生成订单号-->
<!--                  </a-button>-->
<!--                </template>-->
<!--              </a-input-search>-->
<!--            </a-form-model-item>-->
<!--            <a-form-model-item label="订单名称" prop="title">-->
<!--              <a-input v-model="form.title" />-->
<!--            </a-form-model-item>-->
<!--            <a-form-model-item label="异步支付金额" prop="asyncAmount">-->
<!--              <a-input-number :precision="2" v-model="form.asyncAmount" />-->
<!--            </a-form-model-item>-->
<!--            <a-form-model-item label="钱包支付" prop="walletAmount">-->
<!--              <a-input-number :precision="2" v-model="form.walletAmount" />-->
<!--              <span slot="help">钱包余额：{{ wallet.balance }}</span>-->
<!--            </a-form-model-item>-->
<!--            <a-form-model-item label="现金支付" prop="cashAmount">-->
<!--              <a-input-number :precision="2" v-model="form.cashAmount" />-->
<!--            </a-form-model-item>-->
<!--          </a-form-model>-->
<!--        </div>-->
<!--        <div style="display: flex;justify-content: center">-->
<!--          <a-button type="primary" @click="pay">-->
<!--            发起支付-->
<!--          </a-button>-->
<!--        </div>-->
<!--      </div>-->
<!--    </a-spin>-->
<!--    <a-modal-->
<!--      title="扫码支付"-->
<!--      :footer="null"-->
<!--      :width="300"-->
<!--      :visible="visible"-->
<!--      :maskClosable="false"-->
<!--      @cancel="handleCancel"-->
<!--    >-->
<!--      <a-spin :spinning="qrLoading">-->
<!--        <vue-qr-->
<!--          :size="250"-->
<!--          :margin="0"-->
<!--          :auto-color="true"-->
<!--          :dot-scale="1"-->
<!--          :text="payUrl" />-->
<!--      </a-spin>-->
<!--    </a-modal>-->
<!--  </a-card>-->
</template>

<!--<script>-->
<!--import VueQr from 'vue-qr'-->
<!--import { combinationPay } from '@/api/payment/cashier'-->
<!--import { findStatusByBusinessId } from '@/api/payment/payment'-->
<!--import { findByUser } from '@/api/payment/wallet'-->

<!--export default {-->
<!--  name: 'CombinationCashier',-->
<!--  components: {-->
<!--    VueQr-->
<!--  },-->
<!--  data () {-->
<!--    return {-->
<!--      labelCol: {-->
<!--        sm: { span: 7 }-->
<!--      },-->
<!--      payChannel: [-->
<!--        { code: 1, name: '支付宝' },-->
<!--        { code: 2, name: '微信' }-->
<!--        // { code: 3, name: '云闪付' }-->
<!--      ],-->
<!--      wrapperCol: {-->
<!--        sm: { span: 13 }-->
<!--      },-->
<!--      loading: false,-->
<!--      qrLoading: false,-->
<!--      visible: false,-->
<!--      title: '扫码支付',-->
<!--      wallet: {},-->
<!--      form: {-->
<!--        payChannel: 1,-->
<!--        payWay: 4,-->
<!--        businessId: '',-->
<!--        title: '测试支付订单',-->
<!--        asyncAmount: null,-->
<!--        walletAmount: null,-->
<!--        cashAmount: null-->
<!--      },-->
<!--      rules: {-->
<!--        payChannel: [{ required: true, message: '不可为空' }],-->
<!--        businessId: [{ required: true, message: '不可为空' }],-->
<!--        title: [{ required: true, message: '不可为空' }],-->
<!--        payWay: [{ required: true, message: '不可为空' }]-->
<!--      },-->
<!--      payUrl: '',-->
<!--      // 定时查询支付状态定时器-->
<!--      interval: null-->
<!--    }-->
<!--  },-->
<!--  methods: {-->
<!--    // 初始化-->
<!--    init () {-->
<!--      this.genOrderNo()-->
<!--      findByUser().then(res => {-->
<!--        this.wallet = res.data-->
<!--      })-->
<!--    },-->
<!--    // 生成订单号-->
<!--    genOrderNo () {-->
<!--      this.form.businessId = 'P' + new Date().getTime()-->
<!--    },-->
<!--    pay () {-->
<!--      this.$refs.form.validate(async valid => {-->
<!--        if (valid) {-->
<!--          this.loading = true-->
<!--          // 组装支付参数-->
<!--          const payModeList = []-->
<!--          // 异步-->
<!--          payModeList.push({ payChannel: this.form.payChannel, payWay: this.form.payWay, amount: this.form.asyncAmount })-->
<!--          payModeList.push({ payChannel: 4, amount: this.form.cashAmount })-->
<!--          payModeList.push({ payChannel: 5, amount: this.form.walletAmount })-->

<!--          const form = {-->
<!--            title: this.form.title,-->
<!--            businessId: this.form.businessId,-->
<!--            payModeList: payModeList-->
<!--          }-->
<!--          const { data } = await combinationPay(form)-->
<!--          // 同步还是异步支付-->
<!--          if (data.asyncPayMode) {-->
<!--            this.payUrl = data.asyncPayInfo.payBody-->
<!--            this.visible = true-->
<!--            this.loading = false-->
<!--            this.checkPayStatus()-->
<!--          } else {-->
<!--            this.$message.success('支付成功')-->
<!--            this.handleCancel()-->
<!--          }-->
<!--        } else {-->
<!--          return false-->
<!--        }-->
<!--      })-->
<!--    },-->
<!--    handleCancel () {-->
<!--      this.visible = false-->
<!--      this.loading = false-->
<!--      this.init()-->
<!--      this.payUrl = ''-->
<!--      clearInterval(this.interval)-->
<!--      this.interval = null-->
<!--    },-->
<!--    checkPayStatus () {-->
<!--      this.interval = setInterval(() => {-->
<!--        findStatusByBusinessId(this.form.businessId).then(res => {-->
<!--          // 成功-->
<!--          if (res.data === 1) {-->
<!--            this.$message.success('支付成功')-->
<!--            this.handleCancel()-->
<!--          }-->
<!--          if ([2, 3].includes(res.data)) {-->
<!--            this.$message.error('支付失败')-->
<!--            this.handleCancel()-->
<!--          }-->
<!--        })-->
<!--      }, 1000 * 3)-->
<!--    }-->
<!--  },-->
<!--  created () {-->
<!--    this.init()-->
<!--  },-->
<!--  destroyed () {-->
<!--    this.handleCancel()-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style scoped>-->

<!--</style>-->
